<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Bugsby Tracking</title>
<link href="stylesheets/group1Site.css" rel="stylesheet" type="text/css">
<link rel="icon" href="graphics/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="graphics/favicon.ico" type="image/x-icon">
<script src="scripts/jquery-1.7.1.js"></script>
<script src="scripts/imageSwap.js"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="wrapper">
  <div id="banner"> <img src="graphics/banner1.png" height="90" width="730" alt="bugsby logo"> </div>
  <div id="leftcolumn">
    <div id="nav">
      <ul>
        <li><a href="index.html"><img src="graphics/home.ico" border=0 height="36" width="36" alt="home icon">&nbsp;Home</a></li>
        <li><a href="buglist.php"><img src="graphics/Spider.ico" border=0 height="36" width="36" alt="bug list icon">&nbsp;Bug List</a></li>
        <li><a href="buginfo.html"><img src="graphics/info.png" border=0 height="36" width="36" alt="Info">&nbsp;Info</a></li>
        <li><a href="bugmail.html"><img src="graphics/Gmail.png" border=0 height="36" width="36" alt="feedback icon">&nbsp;Contact</a></li>
      </ul>
    </div>
    <!-- End Nav id --> 
  </div>
  <!-- End leftcolumn -->
  
  <div id="content">
    <h1>About Bugsby</h1>
    <p class="standardText">Click on a topic to find more information about Bugsby!</p>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Bugsby Overview</div>
        <div class="AccordionPanelContent">
          <p>Bugsby  is a web-based software bug tracking tool that can be accessed through any web  browser. Users can submit bugs identified in software development to a  developer. </p>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Getting Started with Busbsy</div>
        <div class="AccordionPanelContent">
          <p>To start  using the Bugsby application, first type the following URL into a web browser:</p>
          <p><br>
            <a href="http://cs633group1.x90x.net/">http://cs633group1.x90x.net/</a> </p>
          <p><br>
            <img src="graphics/buginfo_clip_image002.jpg" alt="Browser Image" width="624" height="61" border="0"> <br>
          </p>
          <p>          This  will open up the Bugsby homepage, which looks like the following:</p>
          <p><br>
            <img src="graphics/buginfo_clip_image003.png" alt="Bugsby Homepage" width="590" height="534" border="0"></p>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Use of Icons</div>
        <div class="AccordionPanelContent">
          <p><strong><u>Use of Icons</u></strong><br>
          </p>
          <p>          The  primary way to both navigate around and utilize the functionality of the Bugsby  website is through the use of various icons.   Clicking on these icons will either cause a form to open or will perform  a function in the application.  Before  examining Bugsby&rsquo;s forms, the user needs to understand the various icons Bugsby  uses.   <br>
          </p>
          <p>            <strong><u>Icon List</u></strong> <br>
          </p>
          <p>            <img src="graphics/buginfo_clip_image001.jpg" alt="" width="48" height="48" hspace="12" align="left">Clicking the <em><u>Bug</u></em><u> </u>icon will open up a new form called the Bugsby  Current Bug List.  This form shows the  user a complete list of all the bugs in the database.  The user will be able to see the bugs&rsquo; ID,  priority, description, project, assignee, start date and status.  The user will also have the options to view a  more detailed account of an individual bug, edit the bug, remove it completely  or add an entire new bug to the database.<strong><u></u></strong><br>
            <br>
            <img src="graphics/buginfo_clip_image003.jpg" alt="" width="48" height="48" hspace="12" align="left">Clicking the <em><u>Information</u></em> icon will open the Information form.  The information form has detailed information  on Bugsby&rsquo;s functions.  The user can  click on each function to understand its capabilities and for directions on how  the functionality works.</p>
          <p><img src="graphics/buginfo_clip_image004.jpg" alt="" width="48" height="48" hspace="12" align="left">Clicking the <em><u>Contact</u></em><u> </u>icon will open the Contact Bugsby form and allow  the user to enter their name, zip code and comments.  Upon clicking the &ldquo;submit&rdquo; button, an email  will be sent to the Bugsby administrator, with the information entered in the  form.  </p>
          <p><img src="graphics/buginfo_clip_image005.jpg" alt="" width="48" height="48" hspace="12" align="left"> <br>
            Clicking  the <em><u>Home</u></em> icon will return the  user to the Bugsby homepage.          </p>
          <p><img src="graphics/buginfo_clip_image006.jpg" alt="" width="48" height="48" hspace="12" align="left">Clicking the <em><u>Remove</u></em> icon will open up the Bug to Remove form, allowing  the user if they wish to remove the bug, and its contents, from the  database.  The user will click the <em>Confirm Delete</em> icon will permanently  remove the bug from the database.</p>
          <p><img src="graphics/buginfo_clip_image007.jpg" alt="" width="48" height="48" hspace="12" align="left"> <br>
            Clicking  the <em><u>Confirm Delete</u></em> icon will  permanently remove the bug from the database.          </p>
          <p><img src="graphics/buginfo_clip_image008.jpg" alt="" width="48" height="48" hspace="12" align="left">Clicking the <em><u>Update</u></em>icon will open the Update the Bug form.  The user can update several of the bug&rsquo;s  fields (priority, description, project, assignee, start date and status), with  the exception of the Bug ID field (this field is a primary key).  In addition to the user can leave comments  about the bug.  When users are ready to  submit the updates, they click the <em>Confirm  Update</em> icon.  </p>
          <p><img src="graphics/buginfo_clip_image009.jpg" alt="" width="48" height="48" hspace="12" align="left"> <br>
            Clicking  the <em><u>Confirm Update</u></em> icon will  allow the user to confirm an update.          </p>
          <p><img src="graphics/buginfo_clip_image010.jpg" alt="" width="48" height="48" hspace="12" align="left"> <br>
          Clicking the <em><u>View</u></em> icon will allow the user to  view all information about the bug, including all the comments that have been  submitted for the bug.</p>
        <img src="graphics/buginfo_clip_image011.jpg" alt="" width="48" height="48" hspace="12" align="left">Clicking the <em><u>Add</u></em> icon will open up the Add a  Bug to Bugsby form, allowing the user to enter a new bug into the Bugsby  application.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Bugsby Home Page</div>
        <div class="AccordionPanelContent">
          <p><strong><u>Bugsby Home Page</u></strong></p>
          <p><br>
            After  entering the correct URL address into the web browser, the Bugsby home page  will open up.  There are three main  functions, utilizing six icons, that can be accessed from the home page.  They are:<strong><u></u></strong></p>
          <ul>
            <li>View  the bug list (same as view the bug report)</li>
            <li>Information</li>
            <li>Contact</li>
          </ul>
          <p align="center"><img width="623" height="449" src="graphics/buginfo_clip_homepage.png" alt="graphics of bugsby homepage"></p>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Removing a Bug</div>
        <div class="AccordionPanelContent">Details about adding a bug</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">How do I contact Bugsby?</div>
        <div class="AccordionPanelContent">Details about adding a bug</div>
      </div>
    </div>
    <p class="standardText">&nbsp;</p>
    <p>&nbsp;</p>
  </div>
  <hr>
  <div id="navGraphics">
    <h2>Click on a Graphic to Choose an Option:</h2>
    <table width="800" border="0">
      <tr>
        <td><a href="index.html"><img src="graphics/home.png" border=0 height="128" width="128" alt="homepage icon" rel="graphics/homeRed.png" class="rollover" /></a></td>
        <td><a href="buglist.php"><img src="graphics/Spider.png" border=0 height="128" width="128" alt="view bug icon" rel="graphics/SpiderRed.png" class="rollover" /></a></td>
        <td><a href="bugmail.html"><img src="graphics/Gmail.png" border=0 height="128" width="128" alt="send email icon" rel="graphics/GmailRed.png" class="rollover" /></a></td>
      </tr>
      <tr>
        <td class="standardText">Bugsby Home</td>
        <td class="standardText">View Bug Report</td>
        <td class="standardText">Contact</td>
      </tr>
    </table>
    <p>&nbsp;</p>
  </div>
  <div id="footer"> Site Content: <a href="mailto:cs633group1@gmail.com">CS633 Group 1</a> </div>
  <!-- End Footer --> 
</div>
<!-- End Wrapper --> 
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
